@import "~scss/base";
.main{
  .carousel-parent{
    width: 100%;
    position: relative;
    padding-top: 111.8%;
  }
  .carousel-container{
    position: absolute;
    width: 100%;
    height: 100%;
    top:0;
    left:0;
  }
  .carousel{
    img{
      width: 100%;
    }
  }
}
.carousel-nav{
  text-align: center;
  position: absolute;
  bottom: 15px;
  left: 50%;
  margin-left: -62px;
   >ul{
     padding: 3px 2px;
     background-color: rgba(255, 255, 255, 0.5);
     height: 14px;
     border-radius: 8px;
     /* line-height: 18px; */
     >li{
       vertical-align: top;
       display: inline-block;
       width: 8px;
       height: 8px;
       border-radius: 50%;
       background-color: #fff;
       margin: 0 3px 0 3px;
     }
     >.active{
       background-color: #ff5000;
     }
   }
}
.mainPaddingTop{
  padding-top: 20.5%;

}


.nav{
  background-color: #ffffff;
  ul{
    display: flex;
    justify-content: space-between;
    text-align: center;
    a{
      width: 25%;
      padding: 0 10px 5px 10px;
      >div{
        padding-top: 100%;
        position: relative;
        >i{
          position: absolute;
          top: 0;
          left:0;
          width: 100%;
          height: 100%;
          background-image: url('../../img/timg.jpg');
          background-size: contain;
          border-radius: 11px;
          background-repeat: no-repeat;
          background-position: 50% 50%;
          transition:transform .6s;
        }
      }
      >p{
        color: $baseFontColor;
      }
    }
  }
}
.fixedNav{
  position: fixed;
  top: 0;
  width: 100%;
  max-width: 600px;
  >ul{
    >a{
      padding-top: 0;
      >div{
        padding-top: 70%;
        >i{
          transform:scale(0.7);
        }
      }
      >p{
        margin-top: -7px;
      }
    }
  }
}
.hot_wrap{
  padding: 11px 5px 0 5px;
  background-color: #ffffff;
  margin-top: 5px;
  >h6{
    color: $baseColor;
    border-left: 3px solid $baseColor;
    font-size: 13px;
    padding-left: 10px;
    margin-bottom: 7px;

  }
}
.classics_wrap{
  padding: 11px 5px 0 5px;
  background-color: #ffffff;
  margin-top: 5px;
  >h6{
    color: $baseColor;
    border-left: 3px solid $baseColor;
    font-size: 19px;
    padding-left: 10px;
    margin-bottom: 7px;

  }
}